<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%String ctxPath =request.getContextPath();%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
	<link rel="stylesheet" href="<%=ctxPath%>/css/pagepreloader.css"  media="screen">
	<link rel="stylesheet" href="<%=ctxPath%>/js/dojo/dijit/themes/claro/document.css"  media="screen">
	<link rel="stylesheet" href="<%=ctxPath%>/js/dojo/dijit/themes/claro/claro.css"  media="screen">
	<link rel="stylesheet" href="<%=ctxPath%>/js/jquery/plugin/ztree/zTreeStyle.css" type="text/css">
	<link rel="stylesheet" href="<%=ctxPath%>/css/tree-ext.css" type="text/css">
	<style type="text/css">
		html, body {
		    height: 100%;
		    margin: 0;
		    overflow: hidden;
		    padding: 0;
		}
		
		#resourceLayout {
		    height: 100%;
		    width: 100%;
		}
		#resourcePane {
		    width: 40%;
		}	
	</style>

	<script type="text/javascript" src="<%=ctxPath%>/js/jquery/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="<%=ctxPath%>/js/jquery/plugin/ztree/jquery.ztree.all-3.5.min.js"></script>	
	<script src="<%=ctxPath%>/js/dojo/dojo/dojo.js" data-dojo-config="async:true, parseOnLoad:false,isDebug: true"></script>
	<script type="text/javascript" src="<%=ctxPath%>/js/view/safe/resource.js"></script>
</head>
<body class="claro">
	<div id="loader">
		<div id="loaderInner" style="direction:ltr;white-space:nowrap;overflow:visible;">
			<div id="floatingBarsG">
				<div class="blockG" id="rotateG_01"></div>
				<div class="blockG" id="rotateG_02"></div>
				<div class="blockG" id="rotateG_03"></div>
				<div class="blockG" id="rotateG_04"></div>
				<div class="blockG" id="rotateG_05"></div>
				<div class="blockG" id="rotateG_06"></div>
				<div class="blockG" id="rotateG_07"></div>
				<div class="blockG" id="rotateG_08"></div>
			</div>
		</div>
	</div>

	<div id="resourceLayout" class="resourceLayout" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design: 'sidebar',gutters:false">
		<div id="resourcePane" class="resourcePane" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'left', splitter: true">
			<ul id="resourceTree" class="ztree"></ul>
		</div>
		
		<div data-dojo-type="dojox/layout/ContentPane" data-dojo-props="region: 'center'">
			<div data-dojo-type="dijit/layout/TabContainer" id="infoTab" data-dojo-props="nested:true" style="width: 100%; height: 100%;" >
				<div data-dojo-type="dijit/layout/ContentPane" id="basePane" title="基本信息" data-dojo-props="selected:true">
					<div data-dojo-type="dijit/form/Form" id="resourceForm">
						<div data-dojo-type="dijit/form/TextBox" id="id" name="id" style="display: none"></div>
						<div data-dojo-type="dijit/form/TextBox" id="pid" name="pid" style="display: none"></div>
						<table cellspacing="6">
							<tr>
								<td><label for="title">资源标题:</label></td>
								<td><div data-dojo-type="dijit/form/ValidationTextBox" id="title" name="title" required="true"></div></td>
							</tr>
							<tr>
								<td><label for="name">资源名称:</label></td>
								<td><div data-dojo-type="dijit/form/ValidationTextBox" id="name" name="name" required="true"></div></td>
							</tr>
							<tr>
								<td><label for="code">资源编码:</label></td>
								<td><div data-dojo-type="dijit/form/ValidationTextBox" id="code" name="code" required="true" ></div></td>
							</tr>
							<tr>
								<td><label for="url">URL:</label></td>
								<td><div data-dojo-type="dijit/form/ValidationTextBox" id="path" name="path" required="true" ></div></td>
							</tr>
							<tr>
								<td><label for="remark">描述信息:</label></td>
								<td><div data-dojo-type="dijit/form/SimpleTextarea" id="remark" name="remark" required="true" ></div></td>
							</tr>
							<tr>
								<td><label for="enable">是否启用:</label></td>
								<td><div data-dojo-type="dijit/form/CheckBox" id="enable" name="enable" ></div></td>
							</tr>
						</table>
						       <div data-dojo-type="dijit/form/Button"  id="btnSave"  data-dojo-props='label: "保存"'></div>
					    	       <div data-dojo-type="dijit/form/Button" id="btnReset">重置</div>
					</div>
				</div>
				
				<div data-dojo-type="dijit/layout/ContentPane" title="关联角色">
					<ul id="roleTree" class="ztree"></ul>
					<div data-dojo-type="dijit/form/Button"  id="btnRelatingRole"  data-dojo-props='label: "保存"'></div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>